<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ledger</title>
	<script src="https://unpkg.com/vue@3.1.1/dist/vue.global.prod.js"></script>
	<script src="https://unpkg.com/echarts@5.1.2/dist/echarts.min.js"></script>
	<script src="https://unpkg.com/vue-echarts@6.0.0/dist/index.umd.min.js"></script>
	<link rel="stylesheet" href="../styles/reset.css">
	<link rel="stylesheet" href="../styles/ledger/app.css">
	<link rel="stylesheet" href="../styles/abyss/section-title.css">
	<link rel="stylesheet" href="../styles/ledger/data-piece.css">
	<link rel="stylesheet" href="../styles/ledger/data-chart.css">
</head>
<div id="app"></div>

<script type="module">
	import App from "../components/ledger/app.js";

	const app = Vue.createApp(App);
	app.component("v-chart", VueECharts)
		.mount("#app");
</script>

</body>
</html>

<style>
	#app {
		width: 700px;
	}
</style>